<div id="page-wrapper">
    <div class="row headline-check">
        <div class="col-md-12 headline-title">
            <h3>学员招生 <img src="assets/img/angle-right.png" alt="" class="tubiao"></h3><h4>查看一对一合同</h4>
        </div>
    </div>
    <div class="row createbutton" >
        <div class="col-md-1" >
            <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;"  onclick="javascript:history.back(-1);" >返回上一页</button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 revise-left" >
        <div class="containerleft" style="background-color: #f9fffe;">
        <div>
            <span class="daily-list">报课单列表</span>
        </div>
        <table class="table table-hover ">
            <thead class="yuangong">
            <tr>
                <th>报课单编号</th>
                <th>实际缴费</th>
                <th>欠费</th>
                <th>报课日期</th>
                <th>申请状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody >
            <tr ng-repeat="data in enrol_datas ">
                <td>{{data.sn}}</td>
                <td>{{data.tuition_reality}}</td>
                <td>{{data.tuition_lack}}</td>
                <td>{{data.createtime}}</td>
                <td ng-if="data.state==2">申请通过</td>
                <td>
                    <span class="operation fa fa-file-text" data-toggle="modal" ng-click="findclass($index)" >查看</span>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
        <div class="containerleft" style="background-color: #fffdf5;">
        <div>
            <span class="daily-list">退课单列表</span>
        </div>
        <table class="table table-hover ">
            <thead class="yuangong">
            <tr>
                <th>所退学费</th>
                <th>退课日期</th>
                <th>申请状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody >
            <tr ng-repeat="data in drop_datas">
                <td>{{data.drop_total}}</td>
                <td>{{data.createtime}}</td>
                <td ng-if="data.state==2">申请通过</td>
                <td>
                    <span class="operation fa fa-file-text" data-toggle="modal"  ng-click="dropfind($index)">查看</span>
                </td>
            </tr>
            </tbody>
        </table>

    </div>
        <div class="containerleft" style="background-color: #fefcff;">
        <div>
            <span class="daily-list">缴费记录</span>
        </div>
        <table class="table table-hover ">
            <thead class="yuangong">
            <tr>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>缴费类型</th>
                <th>申请状态</th>
            </tr>
            </thead>
            <tbody >
            <tr ng-repeat="data in mend_datas">
                <td>{{data.amount}}</td>
                <td>{{data.createtime}}</td>
                <td>{{data.method_name}}</td>
                <td ng-if="data.state==2">申请通过</td>
            </tr>
            </tbody>
        </table>
    </div>
    </div>
        <div class="col-md-6 revise-right" >
            <div class="containerright">
                <table width="100%" align="center">
                    <tbody class="revise-information">
                    <tr style="border-bottom: 1px solid #e2e2e3">
                        <td  height="52">合同编号：</td>
                        <td>{{findstudent.pact_sn}}</td>
                        <td>创建合同日期：</td>
                        <td>{{findstudent.createtime}}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr >
                        <td height="52" style="color: #8c8c8c">学员姓名：</td>
                        <td>{{findstudent.student_name}}</td>
                        <td style="color: #8c8c8c">学员卡号：</td>
                        <td>{{findstudent.student_sn}}</td>
                        <td style="color: #8c8c8c">来源学校：</td>
                        <td>{{findstudent.school}}</td>
                    </tr>
                    <tr >
                        <td height="52" style="color:#8c8c8c">年级：</td>
                        <td>{{findstudent.grade_name}}</td>
                        <td style="color: #8c8c8c">手机号：</td>
                        <td><span ng-if="findstudent.mobile1!=null">{{findstudent.mobile1}} </span><span ng-if="findstudent.mobile2!=null">{{findstudent.mobile2}}</span><span ng-if="findstudent.mobile3!=null">{{findstudent.mobile3}}</span></td>
                        <td style="color: #8c8c8c">所报校区：</td>
                        <td>{{findstudent.campus_name}}</td>
                    </tr>
                    <tr>
                        <td height="52" style="color: #8c8c8c" >负责人职务：</td>
                        <td>{{findstudent.role_name}}</td>
                        <td style="color: #8c8c8c">负责人：</td>
                        <td>{{findstudent.staff_name}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="containerright">
                <table width="100%" align="center">
                    <tbody class="revise-information">
                    <tr  style="border-bottom: 1px solid #e2e2e3">
                        <td  height="52"><span class="revise-list">所报课时情况</span></td>
                        <td></td>
                        <td height="52" style="color: #8c8c8c">享受的优惠政策：</td>
                        <td>{{findstudent.sale_name}}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td height="52" style="color: #8c8c8c">5A小时数：</td>
                        <td>{{findstudent.teach_5a_hour_total}}</td>
                        <td style="color: #8c8c8c">8A小时数：</td>
                        <td>{{findstudent.teach_8a_hour_total}}</td>
                        <td style="color: #8c8c8c">总监小时数：</td>
                        <td>{{findstudent.teach_director_hour_total}}</td>
                    </tr>
                    <tr>
                        <td height="52" style="color: #8c8c8c">消耗5A小时数：</td>
                        <td>{{findstudent.teach_5a_hour_use}}</td>
                        <td style="color: #8c8c8c">消耗8A小时数：</td>
                        <td>{{findstudent.teach_8a_hour_use}}</td>
                        <td style="color: #8c8c8c">消耗总监小时数：</td>
                        <td>{{findstudent.teach_director_hour_use}}</td>
                    </tr>
                    <tr>
                        <td height="52" style="color: #8c8c8c">总小时数：</td>
                        <td>{{findstudent.teach_5a_hour_total+findstudent.teach_8a_hour_total+findstudent.teach_director_hour_total}}</td>
                        <td style="color: #8c8c8c">优惠政策：</td>
                        <td>{{findstudent.sale_name}}</td>
                        <td style="color: #8c8c8c">赠送小时数：</td>
                        <td>{{findstudent.sale_hour}}</td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <div class="containerright">
                <table width="100%" align="center">
                    <tbody class="revise-information">
                    <tr  style="border-bottom: 1px solid #e2e2e3">
                        <td  height="52"><span class="revise-list" >学费信息</span></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td height="52" style="color: #8c8c8c">5A级学费：</td>
                        <td>{{findstudent.tuition_5a}}</td>
                        <td style="color: #8c8c8c">8A级学费：</td>
                        <td>{{findstudent.tuition_8a}}</td>
                        <td style="color: #8c8c8c">总监级学费：</td>
                        <td>{{findstudent.tuition_director}}</td>
                    </tr>
                    <tr>
                        <td height="52" style="color: #8c8c8c">应缴学费：</td>
                        <td>{{findstudent.tuition_total}}</td>
                        <td style="color: #8c8c8c">已缴学费：</td>
                        <td>{{findstudent.tuition_reality}}</td>
                        <td style="color: #8c8c8c">所欠学费：</td>
                        <td>{{findstudent.tuition_lack}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--查看报课单-->
    <div class="container-fluid text-center">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="check" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 1000px;">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h2 class="modal-title" > <span class="fa fa-edit">创建报课单</span></h2>
                    </div>
                    <form action="index.php" method="post">
                        <div class="modal-body">
                            <!-- 提交表单到服务器 -->
                            <table width="100%" align="center">
                                <tbody class="modal-information">
                                <tr>
                                    <td  height="52">报课单编号：</td>
                                    <td>
                                        <span class="check-number"  style="background: #fef6f9;border: 1px solid #fce5ee" >{{prod.sn}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">教师级别 5A：单价</td>
                                    <td>
                                        <span class="check-number" style="border: 1px solid #e9eff4">{{prod.teach_5a_price}}</span>
                                    </td>
                                    <td>所报小时数：</td>
                                    <td>
                                        <span class="check-number"  style="background: #eae7ff;border: 1px solid #e7e8ff" >{{prod.teach_5a_hour}}</span>
                                    </td>
                                    <td>学费：</td>
                                    <td>
                                        <span class="check-number" style="border: 1px solid #88c0ff" >{{prod.teach_5a_price_total}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">教师级别 8A：单价</td>
                                    <td>
                                        <span class="check-number"  style="border: 1px solid #e9eff4" >{{prod.teach_8a_price}}</span>
                                    </td>
                                    <td>所报小时数：</td>
                                    <td>
                                        <span class="check-number"  style="background: #eae7ff;border: 1px solid #e7e8ff">{{prod.teach_8a_hour}}</span>
                                    </td>
                                    <td>学费：</td>
                                    <td>
                                        <span class="check-number" style="border: 1px solid #88c0ff" >{{prod.teach_8a_price_total}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">教师级别 总监：单价</td>
                                    <td>
                                        <span class="check-number"  style="border: 1px solid #e9eff4" >{{prod.teach_director_price}}</span>
                                    </td>
                                    <td>所报小时数：</td>
                                    <td>
                                        <span class="check-number"   style="background: #eae7ff;border: 1px solid #e7e8ff" >{{prod.teach_director_hour}}</span>
                                    </td>
                                    <td>学费：</td>
                                    <td>
                                        <span class="check-number"  style="border: 1px solid #88c0ff" >{{prod.teach_director_price_total}}</span>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table width="100%">
                                <tbody class="modal-tf">
                                <tr>
                                    <td height="52">缴费方式</td>
                                    <td height="52">实际缴费</td>
                                    <td height="52">总学费</td>
                                    <td height="52">欠费</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <span class="check-ex"  style="background: #fef6f9;border: 1px solid #fce5ee" >{{prod.method_name}}</span>
                                    </td>
                                    <td>
                                        <span class="check-ex"  style="background: #fef6f9;border: 1px solid #fce5ee" >{{prod.tuition_reality}}</span>
                                    </td>
                                    <td>
                                        <span class="check-ex"  style="background: #fef6f9;border: 1px solid #fce5ee" >{{prod.tuition_total}}</span>
                                    </td>
                                    <td>
                                        <span class="check-ex" style="background: #fef6f9;border: 1px solid #fce5ee">{{prod.tuition_lack}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="52">校长</td>
                                    <td height="52">学生/家长</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td>
                                        <span class="check-ex"  style="background: #edf5ff;border: 1px solid #f2faff">{{prod.principal}}</span>
                                    </td>
                                    <td>
                                        <span class="check-ex"  style="background: #edf5ff;border: 1px solid #f2faff">{{prod.parents}}</span>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
    <!--查看退课单-->
    <div class="container-fluid text-center">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="checkwithdraw" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 1278px;">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h2 class="modal-title" ><span class="fa fa-edit">退课</span></h2>
                    </div>
                    <form>
                        <div class="modal-body">
                            <!-- 提交表单到服务器 -->
                            <table width="100%" align="center">
                                <tbody class="modal-information">
                                <tr>
                                    <td  height="52" style="color: #616870" >5A 单价</td>
                                    <td>
                                        <span class="check-number" style="background:#fff;border: 1px solid #ccc;" >{{drop.teach_5a_price}}</span>
                                    </td>
                                    <td style="color: #ef9b3d">预退小时数：</td>
                                    <td>
                                        <span class="check-number"  style="background:#fffae7;border: 1px solid #FDF3CC;" >{{drop.drop_5a_hour}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52" style="color: #616870">8A 单价</td>
                                    <td>
                                        <span class="check-number" style="background:#fff;border: 1px solid #ccc;" >{{drop.teach_8a_price}}</span>
                                    </td>
                                    <td style="color: #ef9b3d">预退小时数：</td>
                                    <td>
                                        <span class="check-number" style="background:#fffae7;border: 1px solid #FDF3CC;" >{{drop.drop_8a_hour}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52" style="color: #616870">总监 单价</td>
                                    <td>
                                        <span class="check-number" style="background:#fff;border: 1px solid #ccc;" >{{drop.teach_director_price}}</span>
                                    </td>
                                    <td style="color: #ef9b3d">预退小时数：</td>
                                    <td>
                                        <span class="check-number" style="background:#fffae7;border: 1px solid #FDF3CC;" >{{drop.drop_director_hour}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">校长</td>
                                    <td>
                                        <span class="check-number"  style="background: #edf5ff;border: 1px solid #f2faff" >{{drop.principal}}</span>
                                    </td>
                                    <td>学生/家长</td>
                                    <td>
                                        <span class="check-number"  style="background: #edf5ff;border: 1px solid #f2faff" >{{drop.parents}}</span>
                                    </td>
                                    <td>预退总学费</td>
                                    <td>
                                        <span class="check-number"  style="background: #fef6f9;border: 1px solid #fce5ee" >{{drop.drop_total}}</span>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>



</div>
